<template>
  <div>
    <h3>帮助中心</h3>
    <ul>
      <li v-for="item in helpList" :key="item.path">{{ item.msg }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      helpList: [
        {
          path: '/mustLook',
          msg: '【商家入驻须知】必看'
        },
        {
          path: '/howDock',
          msg: '怎样快速发布任务'
        },
        {
          path: 'howRe',
          msg: '怎样给拍手返款及批量返款'
        },
        {
          path: '/shenhao',
          msg: '平台审号标准（创客工具箱接口筛查）'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
h3 {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: normal;
  background-color: #607d8b;
  margin: 0 0 0 20px;
  border-radius: 0 20px 0 0;
  margin-bottom: 20px;
  color: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
}

ul {
  padding: 0 30px;
  li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #f8f8f8;
    &::before {
      content: '*';
      float: left;
      height: 10px;
      padding-top: 4px;
      margin-right: 5px;
      font-size: 20px;
      color: #e92300;
    }
  }
}
</style>
